@border-color: var(--fc-border-color);

.tdengine-discover-query {
  display: flex;
  gap: 10px;
  width: 100%;
}
.tdengine-discover-meta-container {
  flex-shrink: 0;
  border: 1px solid @border-color;
  .ant-tree-title {
    white-space: nowrap;
  }
}
.tdengine-discover-container {
  height: 100%;
  .ant-table-wrapper,.ant-spin-nested-loading,.ant-spin-container,.ant-table,.ant-table-container {
    height: 100% !important;
  }
  .explorer-graph-container {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    .ant-spin-nested-loading {
      min-height: 0;
    }
    .renderer-timeseries-container {
      min-height: 0;
      display: flex !important;
      flex-direction: column;
    }
  }
}
.tdengine-discover-main {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tdengine-discover-query-container {
  display: flex;
  gap: 10px;
  height: 100%;

  .ant-tabs {
    min-height: 0;
    height: 100%
  }
  .ant-tabs-nav-wrap {
    border-left: 1px solid @border-color;
  }
  .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
    border: 1px solid @border-color;
    border-left: 0 none;
    color: #c1c1c1;
  }
  .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active {
    border-bottom-color: #fff;
    border-top: 2px solid  @primary-color;
  }
  .ant-tabs-top > .ant-tabs-nav {
    margin-bottom: 0;
  }
  .ant-tabs-content {
    height: 100%;
  }
  .ant-tabs-content-holder {
    border: 1px solid @border-color;
    border-top: 0 none;
    padding: 16px;
  }
  .ant-tabs-top > .ant-tabs-nav::before {
    border-bottom: 1px solid @border-color;
  }
}